<!-- 点亮成功 -->
<template>
	<view class="wrap">
		
		<!-- 中心块-成功 -->
		<view class="contentBox">
			<!-- 奖杯图标 -->
			<view class="jbBox">
				<image src="https://tuanwei.yjha.com.cn/resource/lightSuccess.png" mode="widthFix"></image>
			</view>
			<image class="statusImg" src="https://tuanwei.yjha.com.cn/resource/error.png" mode="widthFix"></image>
			<text class="statusTip">胜败乃兵家常事，请再接再厉，加油</text>
			<text class="accuracy">本局正确率{{accuracy}}%</text>
		</view>
		
		<!-- 按钮 -->
			<button type="default" class="routerBtn" @click="routerBtn">重新点亮</button>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				wxKey:'',
				token:'',
				accuracy: 0, //正确率
			}
		},
		onLoad(option){
			// 禁用分享
			wx.hideShareMenu()
			console.log('点亮失败')
			console.log(option)
			this.wxKey = option.wxKey;
			 this.token = option.token;
			 this.accuracy = option.accuracy;
			},
		methods: {
			routerBtn(){
				uni.redirectTo({
					url: '../map/map?wxKey='+this.wxKey+'&token='+this.token,
					success: res => {
						
					},
					fail: () => {
						
					},
				});
			}
		}
	}
</script>

<style scoped lang="scss">
.wrap{
	width: 100%;
	height: 100vh;
	background: url('https://tuanwei.yjha.com.cn/resource/realName_bg.png') no-repeat;
	background-size: 100% 100%;
	.contentBox{
		position: fixed;
		top: 20%;
		left: 3%;
		width: 94%;
		height: 60%;
		background-color: #fe772f;
		border-radius: 10px;
		margin: 0 auto;
		.jbBox{
			position: absolute;
			top: -110px;
			left: 50%;
			width: 140px;
			height: 140px;
			margin-left: -70px;
			image{
				width: 140px;
				height: 140px;
			}
		}
		.statusImg{
			position: absolute;
			width: 60%;
			height: 60%;
			left: 20%;
			top: 20%;
		}
		.statusTip{
			position: absolute;
			bottom: 5%;
			display: block;
			font-size: 18px;
			color: #fff;
			line-height: 30px;
			text-align: center;
			font-weight: bold;
			bottom: 14%;
			width: 100%;
		}
		.accuracy{
			position: absolute;
			display: block;
			font-size: 16px;
			color: #ffd136;
			line-height: 30px;
			text-align: center;
			font-weight: bold;
			bottom: 5%;
			    width: 100%;
		}
	}
	.routerBtn{
		position: fixed;
		bottom: 10%;
		display: block;
		width: 80%;
		left: 10%;
		height: 42px;
		line-height: 42px;
		color: #8d4f0d;
		font-family: '黑体';
		background: url('https://tuanwei.yjha.com.cn/resource/ligthBtn_bg.png') no-repeat;
		background-size: 100% 100%;
	}
}
</style>
